
// 设置tarbar徽标的通用逻辑
// 1. vuex取数据 映射到当前组件
import { mapGetters } from 'vuex'
export default {
  // 2. computed 计算属性获取
  computed: {
    ...mapGetters('m_cart', ['total'])
  },
  watch: {
     // 监听 total 值的变化
     total() {
       // 调用 methods 中的 setBadge 方法，重新为 tabBar 的数字徽章赋值
       this.setBadge()
     },
   },
  // 3. onShow在页面刚展示的时候，设置数字徽标
  onShow() {
    this.setBadge() 
  },
  methods: {
    setBadge() {
       // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
      uni.setTabBarBadge({
        index: 2,
        text: this.total + '' // 注意：text 的值必须是字符串，不能是数字
      })
    }
  }
}